<template>
	<div class="basic-info">
		<table>
			<tr>
				<td class="table-key">
					<span>请输入原密码：</span>
				</td>
				<td class="table-value">
					  <el-input type="password" v-model="oldPassword" style="width: 240px" placeholder="请输入昵称" />
				</td>
			</tr>
			<tr>
				<td class="table-key">
					<span>请输入新密码：</span>
				</td>
				<td class="table-value">
					  <el-input v-model="newPassword" style="width: 240px" placeholder="请输入昵称" />
				</td>
			</tr>
			<tr>
				<td class="table-key">
					<span>请再次输入新密码：</span>
				</td>
				<td class="table-value">
					  <el-input v-model="secNewPassword" style="width: 240px" placeholder="请输入昵称" />
				</td>
			</tr>
			<tr>
				<td class="table-key">
				</td>
				<td class="submit">
					<el-button type="danger">提交</el-button>
				</td>
			</tr>
		</table>
	</div>
</template>

<script setup>
import { ref } from 'vue';
	let oldPassword = ref("");
	let newPassword = ref("");
	let secNewPassword = ref("");
</script>

<style lang="less" scoped>
	.basic-info{
		background-color: #fff;
		width: 500px;
		height: 250px;
		table{
			padding-top: 30px;
			tr{
				.table-key{
					padding-left: 80px;
					font-weight: 700;
				}
				.table-value{
					
				}
				.submit{
					padding-top: 20px;
					padding-left: 100px;
				}
			}
		}
	}
</style>